<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
        <li>9</li>
        <li>10</li>
        <li></li>
    </ul>
</div>
<script>
    window.onload = function() {
        var ul = document.getElementsByTagName('ul')[0];
        var liList = document.getElementsByTagName('li');

        ul.onclick = function(e) {
            var e = e || window.event;
            var target = e.target || e.srcElement;

            if(target.nodeName.toLowerCase() == "li") {
                console.log(target.nodeName.toLowerCase());
                alert(target.innerHTML);
            }
        }
    }
</script>

</body>
</html>